<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>v-bind指令讲解</title>
		<script src="js/vue.global.js"></script>
	</head>
	<body>
		
		<div id="app">
			<!-- v-bind可以进行属性的动态绑定 -->
			<img v-bind:src="imgsrc"/>
			<!-- v-bind指令可以进行简写 
			将v-bind省略，只保留两个：再指定绑定属性的类型-->
			<img :src="imgsrc" />
		</div>

	</body>
	<script>
	var app=new Vue({
		// el:用于元素的挂载，绑定页面上声明的元素的选择器
		el:"#app",
		// data指定vue中需要用到的数据对象
		data:{
			imgsrc:"img/bg1.jpg"
		}
	})
	</script>
</html>
